<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Swiper demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="swiper.min.css">

    <!-- Demo styles -->
    <style>
        html, body {

            position: relative;
            height: 100%;
        }
        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color:#000;
            margin: 0;
            padding: 0;
        }
        .swiper-container {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .sip {
            width: 100%;
            height: 124px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .sipp {
            width: 1170px;
            height: 124px;
        }
        .ppp {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .ooo{
            width: 178.33px;
            height: 78px;
        }
    </style>
</head>
<body>
    <!-- Swiper -->
    <div class="swiper-slide" data-swiper-autoplay="10000">
        <div class="sipp">
            <div class="swiper-container">
                <div class="swiper-wrapper ppp">
                    <div class="swiper-slide ooo" ><img src="../index-home/img/1-165x78.png"></div>
                    <div class="swiper-slide"><img src="../index-home/img/2-165x78.png"></div>
                    <div class="swiper-slide"><img src="../index-home/img/3-165x78.png"></div>
                    <div class="swiper-slide"><img src="../index-home/img/4-165x78.png"></div>
                    <div class="swiper-slide"><img src="../index-home/img/5-165x78.png"></div>
                    <div class="swiper-slide"><img src="../index-home/img/7-165x78.png"></div>
                    <div class="swiper-slide"><img src="../index-home/img/8-165x78.png"></div>
                    <div class="swiper-slide"><img src="../index-home/img/manuf-6-165x78.png"></div>
                </div>

            </div>
        </div>
    </div>


</body>
<!-- Swiper JS -->
<script src="swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        autoplay: {
            delay: 5000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        pagination: '.swiper-pagination',
        slidesPerView: 6,
        paginationClickable: true,
        spaceBetween: 20
    });

</script>
</html>